<template>
   <div class="header">
      城市选择
      <router-link to="/">
        <div class="iconfont header-back">&#xe624;</div>
      </router-link>
   </div>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped>
   @import "~styles/varibles.styl"
   .header
      position: relative
      overflow: hidden
      height: $headerHeight
      line-height: $headerHeight
      text-align: center
      color: #fff
      background: $bgColor
      font-size: .32rem
      .header-back
          position: absolute
          top:0
          left: 0
          width: .64rem
          text-align: center
          font-size: .4rem
          color: #fff
</style>
